<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小米导航栏</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	
</head>
<body>


<!-- 2号导航条 -->

	<div class="nav-bar" id="fixed"><!-- 100% -->

		<div class="container" ><!-- 1226px 内容区 -->
			<h2 class="title-h2">2号导航条</h2>

			<div class="right">
				<a href="#" class="cur">概述</a>
					<span class="seprator">|</span>
					 <!-- seprator--分割者 -->

				<a href="#">参数</a>
					<span class="seprator">|</span>

				<a href="#">图集</a>
					<span class="seprator">|</span>

				<a href="#">F码通道</a>
					<span class="seprator">|</span>

				<a href="#">用户评价</a>
					<span class="seprator">|</span>
				
				<a href="#" class="buy-now">立即购买</a>

			</div>

		</div>

	</div>



 <!-- 1号导航条 -->

 <div class="nav-bar"  id="static">
		<div class="container"><!-- 1226px 内容区 -->
			<h2 class="title-h2">1号导航条</h2>

			<div class="right">
				<a href="#" class="cur">概述</a>
					<span class="seprator">|</span>
					 <!-- seprator--分割者 -->

				<a href="#">参数</a>
					<span class="seprator">|</span>

				<a href="#">图集</a>
					<span class="seprator">|</span>

				<a href="#">F码通道</a>
					<span class="seprator">|</span>

				<a href="#">用户评价</a>
					<span class="seprator">|</span>
				
				<a href="#" class="buy-now">立即购买</a>

			</div>

		</div>


		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>


	</div>





	<script src="JS/index2.js"></script>
</body>
</html>